<html xmlns:th="http://www.thymeleaf.org">

<head>
  <!-- 页面meta -->

  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <base href="http://localhost:8080/">

  <title>后台管理</title>
  <meta name="description" content="后台管理">
  <meta name="keywords" content="后台管理">

  <base href="http://localhost:8080">
  <!-- Tell the browser to be responsive to screen width -->
  <meta
          content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"
          name="viewport">


  <link rel="stylesheet"
        href="/plugins/bootstrap/css/bootstrap.min.css">
  <link rel="stylesheet"
        href="/plugins/font-awesome/css/font-awesome.min.css">
  <link rel="stylesheet"
        href="/plugins/ionicons/css/ionicons.min.css">
  <link rel="stylesheet"
        href="/plugins/iCheck/square/blue.css">
  <link rel="stylesheet"
        href="/plugins/morris/morris.css">
  <link rel="stylesheet"
        href="/plugins/jvectormap/jquery-jvectormap-1.2.2.css">
  <link rel="stylesheet"
        href="/plugins/datepicker/datepicker3.css">
  <link rel="stylesheet"
        href="/plugins/daterangepicker/daterangepicker.css">
  <link rel="stylesheet"
        href="/plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.min.css">
  <link rel="stylesheet"
        href="/plugins/datatables/dataTables.bootstrap.css">
  <link rel="stylesheet"
        href="/plugins/treeTable/jquery.treetable.css">
  <link rel="stylesheet"
        href="/plugins/treeTable/jquery.treetable.theme.default.css">
  <link rel="stylesheet"
        href="/plugins/select2/select2.css">
  <link rel="stylesheet"
        href="/plugins/colorpicker/bootstrap-colorpicker.min.css">
  <link rel="stylesheet"
        href="/plugins/bootstrap-markdown/css/bootstrap-markdown.min.css">
  <link rel="stylesheet"
        href="/plugins/adminLTE/css/AdminLTE.css">
  <link rel="stylesheet"
        href="/plugins/adminLTE/css/skins/_all-skins.min.css">
  <link rel="stylesheet"
        href="/css/style.css">
  <link rel="stylesheet"
        href="/plugins/ionslider/ion.rangeSlider.css">
  <link rel="stylesheet"
        href="/plugins/ionslider/ion.rangeSlider.skinNice.css">
  <link rel="stylesheet"
        href="/plugins/bootstrap-slider/slider.css">
  <link rel="stylesheet"
        href="/plugins/bootstrap-datetimepicker/bootstrap-datetimepicker.css">
</head>

<body class="hold-transition skin-purple sidebar-mini">

<div class="wrapper">

  <!-- 页面头部 -->
  <div th:replace="admin/header::head"></div>
  <!-- 页面头部 /-->
  <!-- 导航侧栏 -->
  <div class="main-sidebar" th:replace="admin/aside::aside"></div>

  <!-- 内容区域 -->
  <div class="content-wrapper">

    <!-- 内容头部 -->
    <section class="content-header" style="margin-top: 30px">
      <h1>
        订单管理 <small>订单表单</small>
      </h1>
      <ol class="breadcrumb">
        <li><a href="loginUser.do"><i
                class="fa fa-dashboard"></i> 首页</a></li>
        <li><a
                href="${pageContext.request.contextPath}/order/findAll.do">订单管理</a></li>
        <li class="active">订单表单</li>
      </ol>
    </section>
    <!-- 内容头部 /-->

    <form action="/admin/order/editOrder.do"
          method="post">
      <input type="hidden" name="id" th:value="${order.id}">
      <!-- 正文区域 -->
      <section class="content"> <!--产品信息-->

        <div class="panel panel-default">
          <div class="panel-heading">订单信息</div>
          <div class="row data-type">

            <div class="col-md-2 title">订单编号</div>
            <div class="col-md-4 data">
              <input type="text" class="form-control" name="orderNum"
                     placeholder="产品编号" th:value="${order.orderNum}">
            </div>

            <div class="col-md-2 title">下单时间</div>
            <div class="col-md-4 data">
              <div class="input-group date">
                <div class="input-group-addon">
                  <i class="fa fa-calendar"></i>
                </div>
                <input type="text" class="form-control pull-right"
                       id="datepicker-a3" name="orderTime" th:value="${order.orderTimeStr}">
              </div>
            </div>

            <div class="col-md-2 title">出行人数</div>
            <div class="col-md-4 data">
              <input type="text" class="form-control" name="peopleCount"
                     placeholder="出行人数" th:value="${order.peopleCount}">
            </div>

            <div class="col-md-2 title">订单详情</div>
            <div class="col-md-4 data">
              <input type="text" class="form-control" name="orderDesc"
                     placeholder="订单详情" th:value="${order.orderDesc}">
            </div>

            <div class="col-md-2 title">支付方式</div>
            <div class="col-md-4 data">
              <select class="form-control select2" style="width: 100%"
                      name="payType">
                <option value="0" th:selected="${order.payType==0}" th:value="0">支付宝</option>
                <option value="1" th:selected="${order.payType==1}" th:value="1">微信</option>
                <option value="2" th:selected="${order.payType==2}" th:value="2">其他</option>
              </select>
            </div>

            <div class="col-md-2 title">订单状态</div>
            <div class="col-md-4 data">
              <select class="form-control select2" style="width: 100%"
                      name="orderStatus">
                <option value="0" th:selected= "${order.orderStatus==0}" th:value="0">未支付</option>
                <option value="1" th:selected= "${order.orderStatus==1}" th:value="1">已支付</option>
              </select>
            </div>

            <div class="col-md-2 title">产品名称</div>
            <div class="col-md-4 data">
              <select class="form-control select2" style="width: 300px"
                      name="product.id">
                <!--下拉默认选中一个产品显示-->
                <div th:each="product:${productList}">
                  <option th:value="${product.id}" th:selected="${product.id==1}?'selected'">[[${product.productName}]]</option>
                </div>

              </select>
            </div>

            <div class="col-md-2 title">联系人名称</div>
            <div class="col-md-4 data">
              <select class="form-control select2" style="width: 300px"
                      name="member.id">
                <!--下拉默认选中一个会员显示-->
                <div th:each="member:${memberList}">
                  <option th:value="${member.id}" th:selected="${member.id==1}?'selected'">[[${member.name}]]</option>
                </div>
              </select>
            </div>

          </div>
        </div>
        <!--订单信息/--> <!--工具栏-->
        <div class="box-tools text-center">
          <button type="submit" class="btn bg-maroon">保存</button>
          <button type="button" class="btn bg-default"
                  onclick="history.back(-1);">返回</button>
        </div>
        <!--工具栏/--> </section>
      <!-- 正文区域 /-->
    </form>
  </div>
  <!-- 内容区域 /-->

  <!-- 底部导航 -->
  <footer class="main-footer">
    <div class="pull-right hidden-xs">
      <b>Version</b> 1.0.0
    </div>
    <strong>Copyright &copy; 2020</strong>
  </footer>
  <!-- 底部导航 /-->

</div>

<script
        src="/plugins/jQuery/jquery-2.2.3.min.js"></script>
<script
        src="/plugins/jQueryUI/jquery-ui.min.js"></script>
<script>
  $.widget.bridge('uibutton', $.ui.button);
</script>
<script
        src="/plugins/bootstrap/js/bootstrap.min.js"></script>
<script
        src="/plugins/raphael/raphael-min.js"></script>
<script
        src="/plugins/morris/morris.min.js"></script>
<script
        src="/plugins/sparkline/jquery.sparkline.min.js"></script>
<script
        src="/plugins/jvectormap/jquery-jvectormap-1.2.2.min.js"></script>
<script
        src="/plugins/jvectormap/jquery-jvectormap-world-mill-en.js"></script>
<script
        src="/plugins/knob/jquery.knob.js"></script>
<script
        src="/plugins/daterangepicker/moment.min.js"></script>
<script
        src="/plugins/daterangepicker/daterangepicker.js"></script>
<script
        src="/plugins/daterangepicker/daterangepicker.zh-CN.js"></script>
<script
        src="/plugins/datepicker/bootstrap-datepicker.js"></script>
<script
        src="/plugins/datepicker/locales/bootstrap-datepicker.zh-CN.js"></script>
<script
        src="/plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js"></script>
<script
        src="/plugins/slimScroll/jquery.slimscroll.min.js"></script>
<script
        src="/plugins/fastclick/fastclick.js"></script>
<script
        src="/plugins/iCheck/icheck.min.js"></script>
<script
        src="/plugins/adminLTE/js/app.min.js"></script>
<script
        src="/plugins/treeTable/jquery.treetable.js"></script>
<script
        src="/plugins/select2/select2.full.min.js"></script>
<script
        src="/plugins/colorpicker/bootstrap-colorpicker.min.js"></script>
<script
        src="/plugins/bootstrap-wysihtml5/bootstrap-wysihtml5.zh-CN.js"></script>
<script
        src="/plugins/bootstrap-markdown/js/bootstrap-markdown.js"></script>
<script
        src="/plugins/bootstrap-markdown/locale/bootstrap-markdown.zh.js"></script>
<script
        src="/plugins/bootstrap-markdown/js/markdown.js"></script>
<script
        src="/plugins/bootstrap-markdown/js/to-markdown.js"></script>
<script
        src="/plugins/ckeditor/ckeditor.js"></script>
<script
        src="/plugins/input-mask/jquery.inputmask.js"></script>
<script
        src="/plugins/input-mask/jquery.inputmask.date.extensions.js"></script>
<script
        src="/plugins/input-mask/jquery.inputmask.extensions.js"></script>
<script
        src="/plugins/datatables/jquery.dataTables.min.js"></script>
<script
        src="/plugins/datatables/dataTables.bootstrap.min.js"></script>
<script
        src="/plugins/chartjs/Chart.min.js"></script>
<script
        src="/plugins/flot/jquery.flot.min.js"></script>
<script
        src="/plugins/flot/jquery.flot.resize.min.js"></script>
<script
        src="/plugins/flot/jquery.flot.pie.min.js"></script>
<script
        src="/plugins/flot/jquery.flot.categories.min.js"></script>
<script
        src="/plugins/ionslider/ion.rangeSlider.min.js"></script>
<script
        src="/plugins/bootstrap-slider/bootstrap-slider.js"></script>
<script
        src="/plugins/bootstrap-datetimepicker/bootstrap-datetimepicker.min.js"></script>
<script src="/js/getPrincipalUserName.js"></script>
<script>
  $(document).ready(function() {
    // 选择框
    $(".select2").select2();

    // WYSIHTML5编辑器
    $(".textarea").wysihtml5({
      locale : 'zh-CN'
    });
  });

  // 设置激活菜单
  function setSidebarActive(tagUri) {
    var liObj = $("#" + tagUri);
    if (liObj.length > 0) {
      liObj.parent().parent().addClass("active");
      liObj.addClass("active");
    }
  }

  $(document).ready(function() {
    $('#datepicker-a3').datetimepicker({
      format : "yyyy-mm-dd hh:ii",
      autoclose : true,
      todayBtn : true,
      language : "zh-CN"
    });
  });

  $(document).ready(function() {
    // 激活导航位置
    setSidebarActive("order-manage");
    $("#datepicker-a3").datetimepicker({
      format : "yyyy-mm-dd hh:ii",

    });

  });
</script>


</body>

</html>
